* {
  margin: 0;
  padding: 0;
}

html, body, #container {
  width: 100%;
  height: 100%;
  background-color: whitesmoke;
  overflow-y:hidden;
  overflow-x:hidden;
}

#container header{
  width: 100%;
  height: 15%;
  display: table;
}
#container footer{
  width: 100%;
  height: 5%;
  display: table;
}

.col {
  width: 30%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
    background-color: whitesmoke;
}
.col.middle{
  width: 40%;
  text-align: center;
    background-color: whitesmoke;
}

.content {
  height: 80%;
  width: 100%;
  display: table;
    background-color: whitesmoke;
}

.left{
  width: 60%;
  height: 100%;
  display: table-cell;
    background-color: whitesmoke;
    float: left;
}

.right{
  width: 40%;
  height: 100%;
  display: table-cell;
    background-color: whitesmoke;
    float: left;
}

.left .world_map{
  width: 100%;
  height: 40%;
    background-color: whitesmoke;
}

.left .list_show{
  width: 100%;
  height: 60%;
    background-color: whitesmoke;
}
.left.list_show.alone_list{
    text-decoration: none;
    color: red;
    font-size: 20px;
    position: center;
}

.right .text_show{
  width: 100%;
  height: 12%;
  background-color: white;
  font-size: 110%;
  font-family: 黑体;

}

.list_statistics{
  width: 100%;
  height: 67%;
    background-color: whitesmoke;
}

.operation{
  width: 100%;
  height: 10%;
    background-color: whitesmoke;
}
table{
    width: 100%;
}

.oper_span{
  font-size:12px;
  font-weight: bold;
}